@import "~bootstrap/scss/bootstrap";
@import "../../../../../styles/variables";

.search-results {
    position: absolute;
    z-index: 100;
    background-color: #FFF;
    border: $input-border-width solid $input-border-color;
    width: 30rem;
    max-height: 280px;
    overflow-y: scroll;
}

.search-input {
    line-height: 2.5rem;
    background-image: url(/admin/assets/img/icon-search-dark.svg);
    background-position: 1rem;
    background-repeat: no-repeat;
    background-size: 1.5rem 1.5rem;
    padding-left: 3rem;
}

.list-group-item.link {
    a {
        color: $body-color;
    }

    &:hover {
        background-color: $light-grey;
        cursor: pointer;
    }
}